<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>SnifferX</title>
			<link rel="shortcut icon"
				href="#{request.contextPath}/images/snifferX.ico" />
		</f:facet>
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
		<ui:insert name="customCSS"></ui:insert>
		<style type="text/css">
body {
	margin: 0;
	padding: 0;
	/***show white background***/
	/* background-image: url(#{request.contextPath}/images/Fedora.jpg); */
	/* background-repeat: no-repeat; */
}

.no-border {
	border: none;
}

.ui-menu-child {
	background: white !important;
}

.ui-growl {
	position: absolute;
	top: 4%;
	/**left:50%;
    z-index:9999;**/
}

.ui-widget-overlay {
	background: none repeat scroll 0% 0% rgb(0, 0, 0);
	opacity: 0.3;
}
</style>
		<ui:insert name="customStyle"></ui:insert>
		<ui:insert name="customJS"></ui:insert>
		<!-- even if the pages not include the primefaces components ,jquery working also  -->
		<h:outputScript library="primefaces" name="jquery/jquery.js" />
	</h:head>

	<p:growl id="growl" showDetail="false" />


	<p:ajaxStatus onstart="PF('statusDialog').show();"
		onsuccess="PF('statusDialog').hide();" />

	<p:dialog modal="true" widgetVar="statusDialog" resizable="false"
		showHeader="false" draggable="false" closable="false">
		<h:panelGrid border="0" style="text-align:center; font-size:11px; "
			cellpadding="0" cellspacing="0" width="100%">
			<h:outputText value="Please wait..."
				style="text-align:center; font-size:11px; "></h:outputText>
			<h:graphicImage value='/images/spinner.gif' width="40" height="40"
				style="color:#1818E7"></h:graphicImage>
			<h:outputText value="Processing..."
				style="text-align:center; font-size:11px; "></h:outputText>
		</h:panelGrid>
	</p:dialog>


	<h:body>

		<!-- show tab all time
		<p:outputPanel
			rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}"> -->
		<p:outputPanel rendered="true">
			<div style="BACKGROUND-COLOR: #333333; width: 100%; height: 35px;">
				<!-- <img src="#{request.contextPath}/images/website_sprite.png"
					alt="some_text" style="height: 37px;" /> -->
				<h:form prependId="false" style="COLOR: #ffffff; diplay:inline">
					<!-- <div id='cssmenu' style="float: right"> -->
					<!-- <div id='cssmenu'
						style="float: right; BACKGROUND-COLOR: black; border: 0px; margin-top: -37px; height: 20px; background: black"> -->

					<!-- left menu -->
					<div id='cssmenu'
						style="float: left; BACKGROUND-COLOR: black; border: 0px; height: 34px; background: black">
						<ul>
							<li><h:panelGroup>
									<a href='#{request.contextPath}/index.jsp'><span
										style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Home</span></a>
								</h:panelGroup></li>
							<li class='has-sub'><h:panelGroup>
									<a href='#'><span
										style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Tutorials</span></a>
									<ul>
										<li><a href='#'><span
												style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Java</span></a></li>
										<li><a href='#'><span
												style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Jquery</span></a></li>
										<li class='last'><a href='#'><span
												style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Weblogic</span></a></li>
									</ul>
								</h:panelGroup></li>
							<li class='has-sub'><h:panelGroup>
									<a href='#'><span
										style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">examples</span></a>
									<ul>
										<li><a
											href='#{request.contextPath}/manage/editProfile.jsf'><span
												style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">JPA</span></a></li>
										<li class='last'><a href='#'><span
												style="FONT-SIZE: 11px; FONT-WEIGHT: bold;">Spring</span></a></li>
									</ul>
								</h:panelGroup></li>
						</ul>
					</div>

					<div id='cssmenu'
						style="float: right; BACKGROUND-COLOR: black; border: 0px; height: 20px; background: black">
						<ul>
							<!-- show when login -->
							<li><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#'> <span> <h:outputText
												value="#{loginBean.user.firstName}  #{loginBean.user.lastName}" />
									</span>
									</a>
								</h:panelGroup></li>

							<li><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#{request.contextPath}/index.jsp'><span>Home</span></a>
								</h:panelGroup></li>
							<li class='has-sub'><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#'><span>File</span></a>
									<ul>
										<li><a href='#'><span>Project</span></a></li>
										<li><a href='#'><span>Menus</span></a></li>
										<li class='last'><a href='#'><span>Products</span></a></li>
									</ul>
								</h:panelGroup></li>
							<li class='has-sub'><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#'><span>Action</span></a>
									<ul>
										<li><a
											href='#{request.contextPath}/manage/editProfile.jsf'><span>Edit
													profile</span></a></li>
										<li class='last'><a href='#'><span>Location</span></a></li>
									</ul>
								</h:panelGroup></li>

							<li><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#' style="padding: 0 0px;"><span><p:graphicImage
												value="#{loginBean.user.image}" style="height:35px;" alt=" "
												cache="false">
												<f:param value="#{now.time}"></f:param>
											</p:graphicImage></span></a>
								</h:panelGroup></li>
							<li class='last'><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
									<a href='#{request.contextPath}/j_spring_security_logout'><span>Quit</span></a>
								</h:panelGroup></li>
							<!-- show when login end -->

							<!-- show when guest -->
							<li><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails == null):'true'}">
									<h:commandLink id="loginCmdLnk"
										action="/login?faces-redirect=true">
										<h:outputText value="Login" />
									</h:commandLink>
								</h:panelGroup></li>
							<li><h:panelGroup
									rendered="#{loginBean!= null ?(loginBean.currentUserDetails == null):'true'}">
									<h:commandLink id="RegisterCmdbtn"
										action="/register?faces-redirect=true">
										<h:outputText value="Register" />
									</h:commandLink>
								</h:panelGroup></li>
							<!-- show when guest end -->



						</ul>
					</div>

				</h:form>
			</div>


			<!-- added a full picture -->
			<div id="header"
				style="height: 121px; background: none repeat scroll 0% 0% rgb(243, 246, 249);">
				<!-- <a href="http://www.javacodegeeks.com"> <img id="logo"
					width="400" height="120" alt="Java Code Geeks"
					src="http://1-ps.googleusercontent.com/h/www.javacodegeeks.com/wp-content/uploads/2012/12/JavaCodeGeeks-logo.png.pagespeed.ce.WgihU3ENJB.png"></img>
				</a> -->
				<a href="#"> <img id="logo" width="400" height="120"
					alt="Java Code Geeks"
					src="#{request.contextPath}/images/SnifferX-Big.png"></img>
				</a>
				<div class="header-ad">…</div>
				<div class="clear"></div>
			</div>

			<!-- added cat menu -->
			<h:form prependId="false">
				<div id='catmenu'>
					<ul>
						<!-- <li class='active has-sub'><a href='index.html'><span>Java</span></a> -->
						<li
							class="#{navigationControlBean.selectTab == 'java' ? 'active has-sub' : 'has-sub'}">
							<h:commandLink id="javaCmdLnk"
								action="#{navigationControlBean.doSelectTab()}">
								<h:outputText value="Java" />
								<f:param name="selectedTab" value="java" />
							</h:commandLink>

							<ul>
								<li><a href='java/core-java.jsf'><span>CoreJava</span></a></li>
								<li class='last'><a href='java/enterprise-java.jsf'><span>Enterprise
											Java</span></a></li>
							</ul>
						</li>
						<li
							class="#{navigationControlBean.selectTab == 'Android' ? 'active has-sub' : 'has-sub'}"><a
							href='android.jsf'><span>Android</span></a>
							<ul>
								<li><a href='android/android-core.jsf'><span>Android
											Core</span></a></li>
								<li class='last'><a href='android/android-game.jsf'><span>Andriod
											Game</span></a></li>
							</ul></li>
						<li
							class="#{navigationControlBean.selectTab == 'JVM-language' ? 'active has-sub' : 'has-sub'}"><a
							href='jvm-language.jsf'><span>JVM language</span></a>
							<ul>
								<li class='last'><a href='jvm-language/jruby.jsf'><span>Jruby</span></a></li>
							</ul></li>
						<li
							class="#{navigationControlBean.selectTab == 'blogger' ? 'active last' : 'last'}"><a
							href='blogger.jsf'><span>Blogger</span></a></li>
					</ul>
				</div>
			</h:form>

			<!-- show where you are now and nowtime when you into a cat  -->
			<!-- <div id="breadcrumbs" class="clear">
				<div id="breadcrumb">
					You are here: <a href="http://www.javacodegeeks.com"> Home </a> <span
						id="ico-arrow"></span> Java
				</div>
				<span class="current-time"><h:outputText
						value="#{now}">
						<f:convertDateTime dateStyle="full" type="date" />
					</h:outputText> </span>
			</div> -->

			<div id="mainx" class="clear">
				<div id="contentx">left side</div>
				<div id="sidebarx">
					right side<br /> right side<br /> right side<br /> right side<br />right
					side<br /> right side<br /> right side<br /> right side<br />
					right side<br />




				</div>
			</div>


		</p:outputPanel>





		<!-- comment here  -->
		<!-- <h:form>
			<p:stack id="stack" icon="/images/stack/stack.png" expanded="false"
				model="#{myMenuBean.model}">
			</p:stack>
		</h:form> -->


		<div id="wholeContent">
			<table width="100%" height="100%">
				<tr>
					<td align="center" valign="middle"><ui:insert name="content"></ui:insert>
					</td>
				</tr>
			</table>
		</div>

	</h:body>



</f:view>
</html>